.batteryContainer {
  max-height: 400px;
  overflow-y: auto;
}

.batteryItem {
  flex: 1;
  min-width: calc((100% - 24px) / 2);

  .summary {
    display: flex;
    justify-content: center;

    .num {
      padding: 0 10px 0 3px;

      &:last-child {
        padding-right: 0;
      }
    }
  }

  .title {
    font-weight: 700;
    font-size: 16px;
  }
}

.contentBox {
  flex-wrap: wrap;
  gap: 7px 6px;
  padding: 10px;
  background-color: #fff;
  border: 5px solid @colorBg;

  .crowd {
    width: 116px;
    height: 147px;
    margin: 0;
    padding: 16px 18px 0;
    background: url('@/assets/img/excellent.png');

    span {
      font-size: 13px;
    }
  }

  .excellent {
    background: url('@/assets/img/excellent.png');
  }

  .good {
    background: url('@/assets/img/good.png');
  }

  .average {
    background: url('@/assets/img/average.png');
  }

  .poor {
    background: url('@/assets/img/poor.png');
  }

  dt {
    font-size: 16px;
  }
  dd {
    font-size: 12px;
  }
}

.contentBoxEn {
  dt {
    font-size: 14px;
  }
  dd {
    font-size: 12px;
  }

  .crowd {
    span {
      font-size: 12px;
    }
  }
}

.standardDesc {
  width: 400px;
  padding: 10px;
  font-size: 12px;

  ul {
    margin-bottom: 12px;
    padding-left: 11px;

    li {
      text-indent: -11px;

      p {
        text-indent: 10px;
      }
    }
  }

  table {
    min-width: calc(50% - 12px);
    margin-top: 5px;
    font-size: 12px;

    tr {
      &:nth-child(odd) {
        background: rgba(242, 243, 245, 0.5);
      }

      td {
        padding: 3px 10px;
      }
    }
  }
}

.ruleDesc {
  ul {
    padding-left: 47px;

    li {
      text-indent: -47px;
    }
  }

  table {
    min-width: calc(100%);
  }
}

.totalNumber {
  padding-left: 18px;
  font-weight: 400;
  font-size: 13px;
}

.chartEmpty {
  position: absolute;
  top: 42px;
  left: calc(27% + 160px);
  .total {
    margin-bottom: 10px;
    font-size: 24px;
    .unit {
      font-weight: bold;
    }
  }
  ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    li {
      margin-block: 5px;
    }
    span {
      display: inline-block;
      margin-right: 40px;
      font-size: 16px;
      &:last-child {
        margin-right: 0;
      }
    }
    .icon {
      width: 14px;
      height: 14px;
      margin-right: 15px;
      vertical-align: -1px;
      border-radius: 50%;
    }
  }
}

.btnIcon {
  vertical-align: -2px;
}

.smallEn {
  font-size: 12px;
}
